.news_item {
	padding: 1rem;

	.title {
		padding: .5rem 0;

		h1 {
			font-size: 1.6rem;
		}
	}
	
	img {
		height: 100%;
		opacity: 0;
		transition: opacity .5s;
	}

	.info {
		display: flex;
		align-items: center;
		height: 2.5rem;
		color: #999;
		border-bottom: 1px solid #ededed;

		.author {
			margin-right: 1rem;
		}
	}

	&.type-1 {
		.main {
			display: flex;
			flex-direction: row;

			.title {
				flex: 2;
				padding-right: 1rem;
				box-lines: border-box;
			}

			.pic {
				flex: 1;
				background: #eee;
				box-sizing: border-box;
			}
		}
	}

	&.type-2,
	&.type-3 {
		.pic {
			display: flex;
			flex-direction: row;
			justify-content: space-between;

			.img {
				width: 33.33%;
				flex: 1 1 auto;
				margin-right: .5rem;
				background: #eee;
				font-size: 0;
			
				&.last {
					margin: 0;	
				}
			}
		}
	}
}